/*
 * @Author: xiweidong 1324156920@qq.com
 * @Date: 2025-08-26 11:36:14
 * @LastEditors: xiweidong 1324156920@qq.com
 * @LastEditTime: 2025-08-26 19:19:47
 * @FilePath: \web\src\assets\styles\variables.scss
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
// 颜色变量
$primary: #2f54eb;
$success: #52c41a;
$warning: #faad14;
$danger: #ff4d4f;
$info: #909399;

// 卡片样式
.monitor-card {
  border-radius: 12px;
  transition: all 0.3s ease;
  margin-bottom: 20px;
  
  &:hover {
    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.16),
                0 9px 28px 0 rgba(0, 0, 0, 0.10),
                0 12px 48px 16px rgba(0, 0, 0, 0.05);
  }
}

// 暗色模式适配
.dark {
  .dashboard-title{
    color: #fff;
  }
  .monitor-card {
    background-color: #1a1a1a;
    border-color: #333;
    color:#fff;
    
    .el-card__header {
      border-bottom-color: #333;
    }
  }
  .el-table__header>thead{
      color: #fff;
      tr>th{
        background-color: #1a1a1a;
      }
  }
    .el-table__row{
      background-color: #1a1a1a;
      color: #fff;
    }
}